<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8" />
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
		<title>数析网</title>
		<link rel="icon" href="./favicon.ico" type ="image/x-icon">
		<link rel="stylesheet" href="css/app.css" />
		<link rel="stylesheet" href="css/css.css">
	</head>
	
	<body>
		<div class="header">
			<h1 class="header-title">就业信息可视化大屏</h1>
		</div>
		<div class="wrapper">
			<div class="content">
				<div class="col col-l">
					<div class="xpanel-wrapper xpanel-wrapper-40">
						<div class="xpanel xpanel-l-t" >
							<div class="title">薪资区间分布折线图</div>
							<div id="salary_range" style="width: 400px; height: 220px;"></div>
						</div>
					</div>
					<div class="xpanel-wrapper xpanel-wrapper-60">
						<div class="xpanel xpanel-l-b" >
							<div class="title">公司类型柱状图</div>
							<div id="company_type" style="width: 400px; height: 350px;"></div>
						</div>
					</div>
				</div>
				<div class="col col-c">
					<div class="xpanel-wrapper xpanel-wrapper-75">
						<div class="xpanel no-bg" id="work_map">
						</div>
					</div>
					<div class="xpanel-wrapper xpanel-wrapper-25">
						<div class="xpanel xpanel-c-b">
							<div class="title title-long">公司福利词云图</div>
							<div id="post_welfare" style="width: 590px; height: 110px; "> </div>
						</div>
					</div>
				</div>
				<div class="col col-r">
					<div class="xpanel-wrapper xpanel-wrapper-25">
						<div class="xpanel xpanel-r-t" >
							<div class="title">经验-学位需求饼图</div>
							<div id="experience_degree" style="width: 399px; height: 120px;"></div>
						</div>
					</div>
					<div class="xpanel-wrapper xpanel-wrapper-30">
						<div class="xpanel xpanel-r-m" >
							<div class="title">公司规模折柱图</div>
							<div id="company_size" style="width: 399px; height: 150px;"></div>
						</div>
					</div>
					<div class="xpanel-wrapper xpanel-wrapper-45">
						<div class="xpanel xpanel-r-b">
							<div class="title">招聘信息发布</div>
							<div class="r-b-content" id="r-b-list">
								<ul>
									<li style="margin-top: -22px;"><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
									<li><a href="#"><div style="width: 80px;">6年24月</div><div style="width: 180px;">计算机视觉应用工程师</div><div style="width: 56px;">内蒙古</div><div style="width: 58px;">10-20</div></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<script src="./model/d3.v7.min.js"></script>
		<script src="./model/echarts.min.js"></script>
		<script src="./model/china.js"></script>
		<script src="./model/jquery-3.5.1.min.js"></script>
		<!-- <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> -->
		<script src="./js/index.js"></script>
		<script src="./js/roll.js"></script>
		<script src="./model/echarts-wordcloud.min.js"></script>
		
		<!-- <script src="./model/echarts-wordcloud.min.js.map"></script> -->
	</body>
</html>